
<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">
    <link rel="canonical" href="https://getbootstrap.com/docs/3.4/examples/dashboard/">

    <title>Dashboard Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="https://v3.bootcss.com/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="https://v3.bootcss.com/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="https://v3.bootcss.com/examples/dashboard/dashboard.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="https://v3.bootcss.com/assets/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
 <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>



  </head>

  <body >

    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.html">高校专业数据可视化平台</a>
        </div>

        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="index.html">首页</a></li>
            <li><a href="results.html">专业分析</a></li>
            <li><a href="#">帮助</a></li>
          </ul>
        </div>
      </div>
    </nav>

    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
          <ul class="nav nav-sidebar">
            <li><a href="results3.html">专业概述</a></li>
            <li ><a href="xw_area.html">院校分布</a></li>
            <li ><a href="xw_line.html">院校排名</a></li>
            <li><a href="xw_type.html">办学类型</a></li>
            <li class="active"><a href="salary2.html">薪酬排序</a></li>
        

          </ul>
          </div>
      </div>
    </div>

<br>
        <p style="color: black;font-size: 20px; font-family: 黑体;
        display: -webkit-box;
        -webkit-box-align: center;
        -webkit-box-pack: center;">
        人气专业的薪酬排序
        </p>    

<br><br>






<div id="e34018fa0d464a1681b33770e8531a01" class="chart-container" style="position: absolute; top: 0; right: 0; width: 1000px; height: 800px;"></div>

  
  <script>
        var chart_e34018fa0d464a1681b33770e8531a01 = echarts.init(
            document.getElementById('e34018fa0d464a1681b33770e8531a01'), 'white', {renderer: 'canvas'});
        var option_e34018fa0d464a1681b33770e8531a01 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#FAE927",
        "#E9E416",
        "#C9DA36",
        "#9ECB3C",
        "#6DBC49",
        "#37B44E",
        "#3DBA78",
        "#14ADCF",
        "#209AC9",
        "#1E91CA",
        "#2C6BA0",
        "#2B55A1",
        "#2D3D8E",
        "#44388E",
        "#6A368B#7D3990",
        "#A63F98",
        "#C31C88",
        "#D52178",
        "#D5225B",
        "#D02C2A",
        "#D44C2D",
        "#F57A34",
        "#FA8F2F",
        "#D99D21",
        "#CF7B25",
        "#CF7B25",
        "#CF7B25"
    ],
    "series": [
        {
            "type": "pie",
            "name": "222",
            "colorBy": "data",
            "legendHoverLink": true,
            "selectedMode": false,
            "selectedOffset": 10,
            "clockwise": true,
            "startAngle": 90,
            "minAngle": 0,
            "minShowLabelAngle": 0,
            "avoidLabelOverlap": true,
            "stillShowZeroSum": true,
            "percentPrecision": 2,
            "showEmptyCircle": true,
            "emptyCircleStyle": {
                "color": "lightgray",
                "borderColor": "#000",
                "borderWidth": 0,
                "borderType": "solid",
                "borderDashOffset": 0,
                "borderCap": "butt",
                "borderJoin": "bevel",
                "borderMiterLimit": 10,
                "opacity": 1
            },
            "data": [
                {
                    "name": "\u5c0f\u5b66\u6559\u80b2",
                    "value": 8200
                },
                {
                    "name": "\u6c49\u8bed\u8a00\u6587\u5b66",
                    "value": 9400
                },
                {
                    "name": "\u62a4\u7406\u5b66",
                    "value": 9600
                },
                {
                    "name": "\u533b\u5b66\u5f71\u50cf\u5b66",
                    "value": 9800
                },
                {
                    "name": "\u5fc3\u7406\u5b66",
                    "value": 10100
                },
                {
                    "name": "\u4f1a\u8ba1\u5b66",
                    "value": 10200
                },
                {
                    "name": "\u4e2d\u533b\u5b66",
                    "value": 10200
                },
                {
                    "name": "\u82f1\u8bed",
                    "value": 10300
                },
                {
                    "name": "\u673a\u68b0\u8bbe\u8ba1\u5236\u9020\u53ca\u5176\u81ea\u52a8\u5316",
                    "value": 10400
                },
                {
                    "name": "\u5de5\u5546\u7ba1\u7406",
                    "value": 10600
                },
                {
                    "name": "\u6cd5\u5b66",
                    "value": 10700
                },
                {
                    "name": "\u7535\u6c14\u5de5\u7a0b\u53ca\u5176\u81ea\u52a8\u5316",
                    "value": 10700
                },
                {
                    "name": "\u6570\u5b66\u4e0e\u5e94\u7528\u6570\u5b66",
                    "value": 10800
                },
                {
                    "name": "\u7ecf\u6d4e\u5b66",
                    "value": 10900
                },
                {
                    "name": "\u54f2\u5b66",
                    "value": 11000
                },
                {
                    "name": "\u5e02\u573a\u8425\u9500",
                    "value": 11000
                },
                {
                    "name": "\u53e3\u8154\u533b\u5b66",
                    "value": 11100
                },
                {
                    "name": "\u4e34\u5e8a\u533b\u5b66",
                    "value": 11100
                },
                {
                    "name": "\u81ea\u52a8\u5316",
                    "value": 11200
                },
                {
                    "name": "\u91d1\u878d\u5b66",
                    "value": 11800
                },
                {
                    "name": "\u4fe1\u606f\u4e0e\u8ba1\u7b97\u79d1\u5b66",
                    "value": 11800
                },
                {
                    "name": "\u571f\u6728\u5de5\u7a0b",
                    "value": 11900
                },
                {
                    "name": "\u5546\u52a1\u7ecf\u6d4e\u5b66",
                    "value": 12300
                },
                {
                    "name": "\u8ba1\u7b97\u673a\u79d1\u5b66\u4e0e\u6280\u672f",
                    "value": 12300
                },
                {
                    "name": "\u7535\u6c14\u5de5\u7a0b\u4e0e\u667a\u80fd\u63a7\u5236",
                    "value": 12900
                },
                {
                    "name": "\u91d1\u878d\u5de5\u7a0b",
                    "value": 14000
                },
                {
                    "name": "\u8f6f\u4ef6\u5de5\u7a0b",
                    "value": 14100
                },
                {
                    "name": "\u5efa\u7b51\u5b66",
                    "value": 16000
                },
                {
                    "name": "\u822a\u7a7a\u822a\u5929\u5de5\u7a0b",
                    "value": 16200
                },
                {
                    "name": "\u8d44\u6e90\u4e0e\u73af\u5883\u7ecf\u6d4e\u5b66",
                    "value": 19400
                }
            ],
            "radius": [
                "15%",
                "100%"
            ],
            "center": [
                "50%",
                "60%"
            ],
            "roseType": "area",
            "label": {
                "show": true,
                "position": "inside",
                "margin": 8,
                "fontSize": 12,
                "fontStyle": "italic",
                "fontWeight": "bold",
                "fontFamily": "Microsoft YaHei",
                "formatter": "{b}:{c}"
            },
            "labelLine": {
                "show": true,
                "showAbove": false,
                "length": 15,
                "length2": 15,
                "smooth": false,
                "minTurnAngle": 90,
                "maxSurfaceAngle": 90
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u5c0f\u5b66\u6559\u80b2",
                "\u6c49\u8bed\u8a00\u6587\u5b66",
                "\u62a4\u7406\u5b66",
                "\u533b\u5b66\u5f71\u50cf\u5b66",
                "\u5fc3\u7406\u5b66",
                "\u4f1a\u8ba1\u5b66",
                "\u4e2d\u533b\u5b66",
                "\u82f1\u8bed",
                "\u673a\u68b0\u8bbe\u8ba1\u5236\u9020\u53ca\u5176\u81ea\u52a8\u5316",
                "\u5de5\u5546\u7ba1\u7406",
                "\u6cd5\u5b66",
                "\u7535\u6c14\u5de5\u7a0b\u53ca\u5176\u81ea\u52a8\u5316",
                "\u6570\u5b66\u4e0e\u5e94\u7528\u6570\u5b66",
                "\u7ecf\u6d4e\u5b66",
                "\u54f2\u5b66",
                "\u5e02\u573a\u8425\u9500",
                "\u53e3\u8154\u533b\u5b66",
                "\u4e34\u5e8a\u533b\u5b66",
                "\u81ea\u52a8\u5316",
                "\u91d1\u878d\u5b66",
                "\u4fe1\u606f\u4e0e\u8ba1\u7b97\u79d1\u5b66",
                "\u571f\u6728\u5de5\u7a0b",
                "\u5546\u52a1\u7ecf\u6d4e\u5b66",
                "\u8ba1\u7b97\u673a\u79d1\u5b66\u4e0e\u6280\u672f",
                "\u7535\u6c14\u5de5\u7a0b\u4e0e\u667a\u80fd\u63a7\u5236",
                "\u91d1\u878d\u5de5\u7a0b",
                "\u8f6f\u4ef6\u5de5\u7a0b",
                "\u5efa\u7b51\u5b66",
                "\u822a\u7a7a\u822a\u5929\u5de5\u7a0b",
                "\u8d44\u6e90\u4e0e\u73af\u5883\u7ecf\u6d4e\u5b66"
            ],
            "selected": {},
            "show": false,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1,
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "title": [
        {
            "show": true,
            "text": "\u73ab\u7470\u56fe\u793a\u4f8b",
            "target": "blank",
            "subtarget": "blank",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false
        }
    ],
    "toolbox": {
        "show": true,
        "orient": "horizontal",
        "itemSize": 15,
        "itemGap": 10,
        "left": "80%",
        "feature": {
            "saveAsImage": {
                "type": "png",
                "backgroundColor": "auto",
                "connectedBackgroundColor": "#fff",
                "show": true,
                "title": "\u4fdd\u5b58\u4e3a\u56fe\u7247",
                "pixelRatio": 1
            },
            "restore": {
                "show": true,
                "title": "\u8fd8\u539f"
            },
            "dataView": {
                "show": true,
                "title": "\u6570\u636e\u89c6\u56fe",
                "readOnly": false,
                "lang": [
                    "\u6570\u636e\u89c6\u56fe",
                    "\u5173\u95ed",
                    "\u5237\u65b0"
                ],
                "backgroundColor": "#fff",
                "textareaColor": "#fff",
                "textareaBorderColor": "#333",
                "textColor": "#000",
                "buttonColor": "#c23531",
                "buttonTextColor": "#fff"
            },
            "dataZoom": {
                "show": true,
                "title": {
                    "zoom": "\u533a\u57df\u7f29\u653e",
                    "back": "\u533a\u57df\u7f29\u653e\u8fd8\u539f"
                },
                "icon": {},
                "filterMode": "filter"
            },
            "magicType": {
                "show": true,
                "type": [
                    "line",
                    "bar",
                    "stack",
                    "tiled"
                ],
                "title": {
                    "line": "\u5207\u6362\u4e3a\u6298\u7ebf\u56fe",
                    "bar": "\u5207\u6362\u4e3a\u67f1\u72b6\u56fe",
                    "stack": "\u5207\u6362\u4e3a\u5806\u53e0",
                    "tiled": "\u5207\u6362\u4e3a\u5e73\u94fa"
                },
                "icon": {}
            }
        }
    }
};
        chart_e34018fa0d464a1681b33770e8531a01.setOption(option_e34018fa0d464a1681b33770e8531a01);
    </script>

  
  







          <!- -这里放置主要内容 -->
          <div
            id="bar"
            style="width: 1500px; height: 1100px; border-radius: 100%"
          ></div>
        </div>
      </div>
    </div> 







        
  

      

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
    <script src="https://v3.bootcss.com/dist/js/bootstrap.min.js"></script>
    <!-- Just to make our placeholder images work. Don't actually copy the next line! -->
    <script src="https://v3.bootcss.com/assets/js/vendor/holder.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="https://v3.bootcss.com/assets/js/ie10-viewport-bug-workaround.js"></script>
  </body>
</html>
